<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="/resource/css/bootstrap-table.min.css" type="text/css">

<!-- Latest compiled and minified JavaScript -->
<script src="/resource/js/bootstrap-table.min.js"></script>
<!-- Latest compiled and minified Locales -->
<script src="/resource/js/bootstrap-table-zh-CN.min.js"></script>

<script>
  const $table1 = $('#recharge_records_table')
  const $table2 = $('#invitation_records_table')
  
    $(function () {
        initRechargeRecordsTable()
        initInvitationRecords()

        const protocol = window.location.protocol;
        const host = window.location.host;
        $('#commission_code').text(`${protocol}//${host}/register?code=${$('#commission_code').text()}`)
    })

    
  //初始化表格
  function initRechargeRecordsTable() {
    $table1.bootstrapTable({
      columns: [
           {
            field: 'amount',
            title: '金额',
            
          },{
            field: 'operate_type',
            sortName:'operate_type',
            title: '类型',
            
            formatter: function (value, row, index) {
              switch (row.operate_type) {
                case 1:
                  return `充值`;
                  break;
                case 2:
                  return `消费`;
                  break;
                default:
                  break;
              }
              
            }
          }, {
            field: 'recharge_name',
            sortName:'recharge_name',
            title: '充值类型',
          }, {
            field: 'consumption_name',
            sortName:'consumption_name',
            title: '消费类型',
          },{
            field: 'transaction_id',
            sortName:'transaction_id',
            title: '订单号',
          },{
            field: 'created_at',
            sortName: 'created_at',
            title: '创建时间',
          }
      ], //列
      url: '/user/recharge_records',
      method: 'post', //请求方法
      dataType: 'json',//数据格式
      pagination: true, //是否显示页码
      sidePagination: "server",//服务器处理分页
      serverSort: "true",//是否服务器处理排序
      sortName:'id',
      sortOrder:'desc',
      responseHandler: function (res) {  //response数据处理
        return {
          "rows": res.data.recharge_records,
          "total": res.data.recharge_records_totle,
        };
      },

    })
  }

  //初始化表格
  function initInvitationRecords() {
    $table2.bootstrapTable({
      columns: [
           {
            field: 'invitation_records.amount',
            title: '金额',
            
          },{
            field: 'invitation_records.operate_type',
            title: '类型',
            formatter: function (value, row, index) {
              switch (row.invitation_records.operate_type) {
                case 1:
                  return `佣金`;
                  break;
                case 2:
                  return `提现`;
                  break;
                default:
                  break;
              }
              
            }
          },{
            field: 'from_user.user_name',
            title: '邀请者账号',
           
          }, {
            field: 'invitation_records.commission_rate',
            title: '佣金比例',
            formatter: function (value, row, index) {
              return row.invitation_records.commission_rate + "%"
            }
          },{
            field: 'invitation_records.state',
            title: '状态',
            formatter: function (value, row, index) {
              switch (row.invitation_records.state) {
                case -1:
                  return `未审核`;
                  break;
                case 1:
                  return `<span class="badge badge-dot">
                        <i class="bg-success"></i>
                        <span class="status">已审核</span>
                      </span>`;
                  break;
                case 2:
                  return `<span class="badge badge-dot">
                        <i class="bg-warning"></i>
                        <span class="status">已拒绝</span>
                      </span>`;
                  break;
                default:
                  break;
              }
              
            }
          },{
            field: 'invitation_records.created_at',
            title: '创建时间',
          }
      ], //列
      url: '/user/invitation_records',
      method: 'post', //请求方法
      dataType: 'json',//数据格式
      pagination: true, //是否显示页码
      sidePagination: "server",//服务器处理分页
      serverSort: "true",//是否服务器处理排序
      sortName:'id',
      sortOrder:'desc',
      responseHandler: function (res) {  //response数据处理
        return {
          "rows": res.data.data,
          "total": res.data.totle,
        };
      },

    })
  }

  function CommissionTransferBalance(params) {
    $.ajax({
        type: "post",// get或者post
        url: "/user/commission_transfer_balance",// 请求的url地址
        dataType: "json",//json写了jq会帮我们转换成数组或者对象 他已经用JSON.parse弄好了 
        beforeSend: function () {
            // 发送之前就会进入这个函数
            // return false 这个ajax就停止了不会发 如果没有return false 就会继续

        },
        success: function (data) { // 成功拿到结果放到这个函数 data就是拿到的结果
            if (data == null || data.code != 0) {
                notify('danger', data.message)
                return
            }else{
              notify('success', "成功")
              location.reload();
            }
            
        },
        error: function () {//失败的函数
            notify('danger', data.message)
        },
        complete: function () {//不管成功还是失败 都会进这个函数
            
        }
    })
  }

  function WithdrawalBalance(params) {
    $.ajax({
        type: "post",// get或者post
        url: "/user/withdrawal_balance",// 请求的url地址
        dataType: "json",//json写了jq会帮我们转换成数组或者对象 他已经用JSON.parse弄好了 
        beforeSend: function () {
            // 发送之前就会进入这个函数
            // return false 这个ajax就停止了不会发 如果没有return false 就会继续

        },
        success: function (data) { // 成功拿到结果放到这个函数 data就是拿到的结果
            if (data == null || data.code != 0) {
                notify('danger', data.message)
                return
            }else{
              notify('success', "成功")
              location.href = "/user/ticket"
            }
            
        },
        error: function () {//失败的函数
            notify('danger', data.message)
        },
        complete: function () {//不管成功还是失败 都会进这个函数
            
        }
    })
  }


</script>